<template>
  <div class="headera">
    <el-header>
      <h1 class="lefttitle">家庭管理签约</h1>
      <span class="righttitle">
        <span style="display: inline-block; margin-right: 20px"
          >{{ doctorName }}-{{ hospitalName }}</span
        >
        <el-button plaint size="small" @click="Logout">退出登录</el-button>
      </span>
    </el-header>
  </div>
</template>
<script>
export default {
  data() {
    return {
      doctorName: window.localStorage.getItem("doctorName"),
      hospitalName: window.localStorage.getItem("hospitalName"),
    };
  },
  computed: {},
  methods: {
    async Logout() {
      // const res = await this.$api.Logout()
      // this.$message.success(res.message)
      // window.sessionStorage.clear()
      // this.$router.push('/login')
    },
  },
  mounted() {},
};
</script>
<style lang = 'less' scoped>
.el-header {
  background-color: rgb(222, 234, 255);
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 5px;
  align-items: center;
  color: #333;
  font-size: 20px;
  height: 45px !important;
  span {
    font-size: 14px;
  }
}
.lefttitle {
  font-size: 24px;
  font-weight: 900;
  font-weight: bold;
  color: #333;
  top: 0px !important;
  left: -6px;
  margin: 0;
}
</style>
